import React from 'react';
import {
  TagsWrapper,
  TagsTitle,
  TitleLink,
  TagsList
} from './style';
import Tag from '../Tag';

const Tags = (props) => {
  return (
    <TagsWrapper>
      <TagsTitle>
        <TitleLink to='/'>FEATURED TAGS</TitleLink>
      </TagsTitle>
      <TagsList>
        <Tag url='/zhihu' name='知乎' />
        <Tag url='/Web' name='Web' />
        <Tag url='/uxui' name='UX/UI' />
        <Tag url='/chanpin' name='产品' />
        <Tag url='/pwa' name='PWA' />
        <Tag url='/javascript' name='Javascript' />
        <Tag url='/slides' name='Slides' />
        <Tag url='/shenghuo' name='生活' />
      </TagsList>
    </TagsWrapper>
  );
}

export default Tags;